<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./styles.css">
  <link rel="stylesheet" href="../bootstrap-3.4.1/dist/css/bootstrap.min.css">

</head>

<body>
  <div class="sidebar">
    <div class="menu">
      <div class="menu-item ">
        <a href="#"> <i class="glyphicon glyphicon-record"></i>首页</a>
      </div>
      <div class="menu-item ">
        <a href="#"><i class="glyphicon glyphicon-record"></i>文档</a>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>引导页</a>
      </div>

      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>权限测试页<span
            class="glyphicon glyphicon-menu-down"></span></a>
        <ul class="submenu">
          <li><a href="#">页面权限</a></li>
          <li><a href="#">页面权限</a></li>
          <li><a href="#">页面权限</a></li>
        </ul>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>图标</a>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>组件<span class="glyphicon glyphicon-menu-down"></span></a>
        <ul class="submenu">
          <li><a href="#">富文本编辑器</a></li>
          <li><a href="#">Markdown</a></li>
          <li><a href="#">JSON 编辑器</a></li>
          <li><a href="#">Splitpane</a></li>
          <li><a href="#">头像上传</a></li>
          <li><a href="#">Dropzone</a></li>
          <li><a href="#">sticky</a></li>
          <li><a href="#">Count To</a></li>
          <li><a href="#">小组件</a></li>
          <li><a href="#">返回顶部</a></li>
          <li><a href="#">拖拽Dialog</a></li>
          <li><a href="#">拖拽Select</a></li>
          <li><a href="#">列表拖拽</a></li>
          <li><a href="#">可拖拽看板</a></li>
        </ul>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>图表<span class="glyphicon glyphicon-menu-down"></span></a>
        <ul class="submenu">
          <li><a href="#">键盘图表</a></li>
          <li><a href="#">折线图</a></li>
          <li><a href="#">混合图表</a></li>
        </ul>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>路由嵌表<span
            class="glyphicon glyphicon-menu-down"></span></a>
        <ul class="submenu">
          <li><a href="#">菜单1</a></li>
          <li><a href="#">菜单2</a></li>
        </ul>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>Table<span
            class="glyphicon glyphicon-menu-down"></span></a>
        <ul class="submenu">
          <li><a href="#">动态 Table</a></li>
          <li><a href="#">拖拽Table</a></li>
          <li><a href="#">Table内编辑</a></li>
          <li><a href="#">综合Table</a></li>
        </ul>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>综合实例<span
            class="glyphicon glyphicon-menu-down"></span></a>
        <ul class="submenu">
          <li><a href="#">创建文章</a></li>
          <li><a href="#">文章列表</a></li>
        </ul>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>Tab</a>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>错误页面<span
            class="glyphicon glyphicon-menu-down"></span></a>
        <ul class="submenu">
          <li><a href="#">创建文章</a></li>
          <li><a href="#">文章列表</a></li>
        </ul>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>错误日志<span
            class="glyphicon glyphicon-menu-down"></span></a>
        <ul class="submenu">
          <li><a href="#">创建文章</a></li>
          <li><a href="#">文章列表</a></li>
        </ul>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>Excel<span
            class="glyphicon glyphicon-menu-down"></span></a>
        <ul class="submenu">
          <li><a href="#">导出Excel</a></li>
          <li><a href="#">导出已选择项</a></li>
          <li><a href="#">导出多级表头</a></li>
          <li><a href="#">上传Excel</a></li>
        </ul>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>Zip<span class="glyphicon glyphicon-menu-down"></span></a>
        <ul class="submenu">
          <li><a href="#">Exprot Zip</a></li>
        </ul>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>PDF</a>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>换肤</a>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>Tab</a>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>Clipboard</a>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>国际化</a>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>外链</a>
      </div>
      <div class="menu-item">
        <a href="#"><i class="glyphicon glyphicon-record"></i>打赏</a>
      </div>
    </div>

    <span class="glyphicon glyphicon-menu-hamburger" id="right">
    </span>

  </div>
  </div>

  <script src="./sideNav.js"></script>
  <script src="../jquery/1.12.3/jquery-1.12.3.min.js"></script>
  <script src="../bootstrap-3.4.1/dist/js/bootstrap.min.js"></script>
</body>

</html>